<template>
    <div class="wrapper-main">

        <div class="banner-box">
            <el-carousel height="500px">
                <el-carousel-item>
                    <div class="banner-item one"></div>
                </el-carousel-item>
                <el-carousel-item>
                    <div class="banner-item two"></div>
                </el-carousel-item>
            </el-carousel>
        </div>

        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>
        <h1>Home Page</h1>

        <BackTop/>
    </div>
</template>

<script>

    import BackTop from '@/components/BackTop'

    export default {
        components: {BackTop},
        name: 'home'
    }
</script>
<style type="text/less" lang="less">
    @import "../assets/css/home.less";
</style>
